<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta content="" name="Keywords">
		<meta content="" name="Description">
		<title>form</title>
		<!-- <meta name="apple-mobile-web-app-title" content="design by www.21-sun.com">
		<link rel="apple-touch-icon" href="/resources/web/images/apple-touch-icon.png" />
		<link rel="apple-touch-startup-image" href="/resources/web/images/screen.png" /> -->
		<meta name="format-detection" content="telephone=no">
		<meta name="author" content="design by www.21-sun.com">
		<link rel="icon" href="/resources/favicon.ico" >
		<link href="/resources/ui/ui.css" rel="stylesheet" />
		<link href="/resources/ui/grid12.css" rel="stylesheet" />
		<link href="/resources/web/css/style.css" rel="stylesheet" />
		<link href="/resources/web/css/responsive.css" rel="stylesheet" />
		<!--[if lt IE 9]><script src="/resources/web/lib/H5shiv.js"></script><![endif]-->
	</head>
	<body>
		<div class="wrap">
			<h1 class="tc"><a href="http://v3.bootcss.com/css/#forms" target="_blank">Bootstrap表单</a></h1>
			<div class="row">
				<div class="span-3 smal-12">
					<h2>个人资料完善</h2>
				</div>
				<div class="span-9 smal-12">
					<form class="form-horizontal">
						<div class="form-group row">
							<label for="inp1" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>登录名</label>
							<div class="span-10 smal-8">
								<p class="form-control-static">hegegegef@sina.com</p>
							</div>
						</div>
						<div class="form-group row">
							<label for="inp2" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>手机号</label>
							<div class="span-10 smal-8">
								<p class="form-control-static dib">13676547765</p>
								<a href="#" class="btn btn-link">修改</a>
							</div>
						</div>
						<div class="form-group row">
							<label for="inp3" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>真实姓名</label>
							<div class="span-10 smal-8">
								<div class="row">
									<div class="span-10">
										<input type="text" id="inp3" class="form-control input-lg" placeholder="请输入姓名" >
									</div>
									<div class="span-2">
										<button class="btn btn-default btn-lg">button</button>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group row">
							<label for="inp3" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>真实姓名</label>
							<div class="span-10 smal-8">
								<div class="row">
									<div class="span-10">
										<input type="text" id="inp3" class="form-control" placeholder="请输入姓名" >
									</div>
									<div class="span-2">
										<button class="btn btn-default">button</button>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group row">
							<label for="inp3" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>真实姓名</label>
							<div class="span-10 smal-8">
								<div class="row">
									<div class="span-10">
										<input type="text" id="inp3" class="form-control input-sm" placeholder="请输入姓名" >
									</div>
									<div class="span-2">
										<button class="btn btn-default btn-sm">button</button>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group row">
							<label class="span-2 smal-4 control-label">性别</label>
							<div class="span-10 smal-8">
								<label class="radio-inline">
									<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 男
								</label>
								<label class="radio-inline">
									<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女
								</label>
							</div>
						</div>
						<div class="form-group row">
							<label class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>地址</label>
							<div class="span-10 smal-8">
								<div class="form-group row">
									<div class="span-4 smal-12">
										<select class="form-control">
											<option>--选择省--</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
										</select>
									</div>
									<div class="span-4 smal-12">
										<select class="form-control">
											<option>--选择市--</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
										</select>
									</div>
									<div class="span-4 smal-12">
										<select class="form-control">
											<option>--选择区--</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<input type="text" class="form-control" placeholder="街道地址" >
								</div>
							</div>
						</div>
						
						<div class="form-group row">
							<div class="pull-right span-10 smal-8">
								<p class="help-block">确认无误后请保存</p>
								<button type="submit" class="btn btn-default btn-primary btn-lg">保存</button>
								<button type="submit" class="btn btn-default btn-primary">保存</button>
								<button type="submit" class="btn btn-default btn-primary btn-sm">保存</button>
								<button type="submit" class="btn btn-default btn-primary btn-xs">保存</button>
								<a href="#" class="btn btn-link">继续完善企业资料</a>
							</div>
						</div>
					</form>
				</div>
				<div class="span-3 smal-12">
					<h2>企业认证</h2>
				</div>
				<div class="span-9 smal-12">
					<form class="form-horizontal">
						<fieldset>
							<legend>企业信息</legend>
							<div class="form-group row">
								<label class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>公司名称</label>
								<div class="span-10 smal-8">
									<input type="text" class="form-control blank" placeholder="填空">
								</div>
							</div>
							<div class="form-group row">
								<label class="control-label span-2 midd-4" for="inputGroupSuccess2">邮箱</label>
								<div class="span-10 midd-8">
									<div class="input-group">
										<input type="text" class="form-control" placeholder="yourname">
										<span class="input-group-addon">@</span>
										<input type="text" class="form-control" placeholder="some.com">
									</div>
								</div>
							</div>
							<div class="form-group row">
								<label class="control-label span-2 midd-4" for="inputGroupSuccess2">邮箱</label>
								<div class="span-10 midd-8">
									<div class="input-group">
										<span class="input-group-addon">@</span>
										<input type="text" class="form-control" placeholder="some.com">
									</div>
								</div>
							</div>
							<div class="form-group row">
								<label class="control-label span-2 midd-4" for="inputGroupSuccess2">邮箱</label>
								<div class="span-10 midd-8">
									<div class="input-group">
										<input type="text" class="form-control" placeholder="some.com">
										<span class="input-group-btn">
											<button class="btn btn-default">button</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group row">
								<label class="control-label span-2 midd-4" for="inputGroupSuccess2">邮箱</label>
								<div class="span-10 midd-8">
									<div class="input-group">
										<span class="input-group-btn">
											<button class="btn btn-default">button</button>
										</span>
										<input type="text" class="form-control" placeholder="some.com">
									</div>
								</div>
							</div>
							<div class="form-group row">
								<label class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>公司地址</label>
								<div class="span-10 smal-8">
									<div class="form-group row">
										<div class="span-4 smal-12">
											<select class="form-control">
												<option>--选择省--</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
										</div>
										<div class="span-4 smal-12">
											<select class="form-control">
												<option>--选择市--</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
										</div>
										<div class="span-4 smal-12">
											<select class="form-control">
												<option>--选择区--</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
										</div>
									</div>
									<div class="form-group row">
										<div class="span-12">
											<input type="text" class="form-control" placeholder="街道地址" >
										</div>
									</div>
								</div>
							</div>
							<div class="form-group row">
								<label for="f2textarea" class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>营业范围</label>
								<div class="span-10 smal-8">
									<textarea class="form-control" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group row has-feedback">
								<label class="control-label span-2" for="inputGroupSuccess2">注册资金</label>
								<div class="span-10">
									<div class="input-group">
										<input type="text" class="form-control" id="inputGroupSuccess2" placeholder="0.00">
										<span class="input-group-addon">万</span>
									</div>
								</div>
							</div>
							
							<div class="form-group row">
								<label class="span-2 smal-4 control-label"><span class="text-danger form-mark">*</span>经营资质</label>
								<div class="span-10 smal-8">
									<div class="row">
										<div class="span-3 smal-8">
											<img src="http://temp.im/400x300/">
										</div>
										<div class="span-2 smal-4 tc">
											<span class="btn btn-default" style="margin-bottom:10px">上传</span>
											<span class="btn btn-default">清除</span>
										</div>
										<div class="span-3 smal-12">
											<label class="checkbox-inline">
												<input type="checkbox" name="f2update" id="f2update1" value="option1" checked=""> 压缩
											</label>
											<label class="checkbox-inline">
												<input type="checkbox" name="f2update" id="f2update2" value="option2" checked=""> 水印
											</label>
										</div>
									</div>
								</div>
							</div>
						</fieldset>
						<fieldset>
							<legend>对公账户信息</legend>
							<div class="form-group row">
								<div class="span-4 smal-12">
									<div class="form-group row">
										<label for="f2inp7" class="span-5 control-label"><span class="text-danger form-mark">*</span>开户银行</label>
										<div class="span-7">
											<input type="text" id="f2inp7" class="form-control" >
										</div>
									</div>
								</div>
								<div class="span-4 smal-12">
									<div class="form-group row">
										<label for="f2inp8" class="span-5 control-label"><span class="text-danger form-mark">*</span>开户银行所在城市</label>
										<div class="span-7">
											<input type="text" id="f2inp8" class="form-control" >
										</div>
									</div>
								</div>
								<div class="span-4 smal-12">
									<div class="form-group row">
										<label for="f2inp9" class="span-5 control-label"><span class="text-danger form-mark">*</span>开户银行支行名称</label>
										<div class="span-7">
											<input type="text" id="f2inp9" class="form-control" >
										</div>
									</div>
								</div>
							</div>
							<div class="form-group row">
								<div class="span-4 smal-12">
									<div class="form-group row">
										<label for="f2inp10" class="span-5 control-label"><span class="text-danger form-mark">*</span>银行开户名</label>
										<div class="span-7">
											<input type="text" id="f2inp10" class="form-control" >
										</div>
									</div>
								</div>
								<div class="span-4 smal-12">
									<div class="form-group row">
										<label for="f2inp11" class="span-5 control-label"><span class="text-danger form-mark">*</span>公司对公账户</label>
										<div class="span-7">
											<input type="text" id="f2inp11" class="form-control" >
										</div>
									</div>
								</div>
								
							</div>
						</fieldset>
						
						<hr/>
						<div class="form-group row">
							<div class="span-2 smal-12 center">
								<div class="btn btn-primary btn-lg btn-block">认证</div>
							</div>
						</div>
					</form>
				</div>
				<div class="span-3 smal-12">
					<h2>表单组合</h2>
				</div>
				<div class="span-9 smal-12">
					<form class="form-horizontal">
						<div class="form-group row has-success has-feedback">
							<label class="control-label span-3" for="inputSuccess3">Input with success</label>
							<div class="span-9">
								<input type="text" class="form-control" id="inputSuccess3" aria-describedby="inputSuccess3Status">
								<i class="ion form-control-feedback" aria-hidden="true">&#xe6bf;</i>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<script src="/resources/modules/seajs/sea.js" id="seajsnode" ></script>
		<script src="/resources/web/seajs.config.js"></script>
		<!-- <script src="/resources/??modules/seajs/sea.js,modules/seajs/seajs-combo.js,web/seajs.config.js"></script> -->
		<script>
			var jrChannel='0#0';
		</script>
		<script>seajs.use('js/form.js')</script>
	</body>
</html>